<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Đăng kí</title>
    <link rel="stylesheet" href="/assets/css/signup.css" />
    <link rel="stylesheet" href="/assets/font/fontawesome-free-6.5.1-web/css/all.css" />
  </head>
  <body>
    <a href="" class="btn-dk">Đăng kí</a>
    <a href="" class="btn-dn">Đăng nhập</a>
    <header id="header">
      <div class="header-nav">
        <a href="" id="logo">
          Bonus
          <p>Zone</p>
        </a>
        <ul>
          <li>
            <a href="">Giới thiệu</a>
            <a href="">Giới thiệu</a>
            <a href="">Giới thiệu</a>
            <a href="">Giới thiệu</a>
            <a href="">Giới thiệu</a>
          </li>
        </ul>
      </div>
    </header>
    <div class="content">
      <div class="content-wrapper">
        <div class="content-logo">
          <a href="">
            Bonus
            <p>Zone</p>
          </a>
        </div>
        <p>Truy cập và quản lý dịch vụ của bạn.</p>
        <h5>Tên đăng nhập / Email đăng kí</h5>
        <input type="text" id="username" placeholder="Tên đăng nhập / Email" />
        <h5>Mật khẩu</h5>
        <input type="password" id="password" placeholder="Mật khẩu" />
        <h5>Nhập lại mật khẩu</h5>
        <input
          type="password"
          id="confirm-password"
          placeholder="Nhập lại mật khẩu"
        />
        <button type="button" id="connectWalletButton">
          Kết nối ví Solana
        </button>
        <button class="content-btn1" id="signup-btn">Đăng kí</button>
        <div class="content-wrapper-nav">
          <a href="">Đã có tài khoản?</a>
        </div>
        <p>- hoặc -</p>
        <button class="content-btn2">
          <i class="fa-brands fa-google"></i>
          Đăng nhập bằng Google
        </button>
      </div>
    </div>
    <div class="footer">
      <div class="footer-grid">
        <div class="footer-row">
          <div class="footer-column">
            <div class="footer-column1">
              <h3>Về chúng tôi</h3>
              <a href="">Giới thiệu chung</a>
              <a href="">Tuyển dụng</a>
              <a href="">Tin tức</a>
              <a href="">Báo chí</a>
              <a href="">Sự kiện</a>
              <a href="">Podcast</a>
            </div>
            <div class="footer-column1">
              <h3>Dịch vụ</h3>
              <a href="">Viindoo SaaS</a>
              <a href="">Chợ ứng dụng - Viindoo marketplace</a>
              <a href="">Tập huấn, chuyển giao công nghệ</a>
              <a href="">Tư vấn và Triển khai</a>
              <a href="">Tùy biến tính năng theo yêu cầu</a>
              <a href="">Nâng cấp Odoo</a>
            </div>
            <div class="footer-column1">
              <h3>Cộng đồng</h3>
              <a href="">Blogs Quản trị</a>
              <a href="">Khóa học</a>
              <a href="">Chương trình Cộng tác viên</a>
              <a href="">Chương trình Đối tác</a>
            </div>
            <div class="footer-column1">
              <h3>Tài nguyên</h3>
              <a href="">Github</a>
              <a href="">Runbot</a>
              <a href="">Tài sản thương hiệu</a>
              <a href="">Chính sách</a>
            </div>
            <div class="footer-column1">
              <h3>Trợ giúp</h3>
              <a href="">Diễn đàn</a>
              <a href="">Tài liệu hướng dẫn</a>
              <a href="">Trợ giúp</a>
              <a href="">Đặt lịch hẹn</a>
            </div>
          </div>
        </div>
      </div>
      <div class="footer-grid2">
        <div class="footer-row2">
          <div class="footer-column2">
            <h3>Liên hệ</h3>
            <p>
              Hotline:
              <a href="">+84 225 730 9838</a>
            </p>
            <p>
              Email:
              <a href="">Bonuszone@gmail.com</a>
            </p>
            <div class="footer-column2-icon">
              <a href="">
                <i class="fa-brands fa-facebook"></i>
              </a>
              <a href="">
                <i class="fa-brands fa-square-x-twitter"></i>
              </a>
              <a href="">
                <i class="fa-brands fa-linkedin"></i>
              </a>
              <a href="">
                <i class="fa-brands fa-youtube"></i>
              </a>
              <a href="">
                <i class="fa-brands fa-spotify"></i>
              </a>
              <a href="">
                <i class="fa-solid fa-envelope-circle-check"></i>
              </a>
            </div>
          </div>
          <div class="footer-column2">
            <h3>Địa chỉ</h3>
            <p>Trụ sở chính: Tòa F Trường cao đẳng FPT Polytechnic</p>
          </div>
          <div class="footer-column2">
            <h3>Đăng kí kinh doanh</h3>
            <p>Mã số Doanh nghiệp: 0201994665</p>
            <p>Được cấp phép bởi Sở Kế hoạch và Đầu tư Thành Phố Hồ Chí Minh</p>
          </div>
        </div>
      </div>
    </div>
    <script src="/client/signup.js"></script>
  </body>
</html>
